<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui">

    <f:view contentType="text/html">
        <h:head>
            <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
            <title>Sistema de Acionistas</title>
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/default.css" />
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/syntaxhighlighter/styles/syntaxhighlighter.css" />

            <style type="text/css">
                * { margin: 0; padding: 0; z-index: 1; }

                #limites { position: absolute; top: 50%; left: 50%; width: 680px; height: auto; margin: -200px 0 0 -340px; background-color: #eee; }

                #menuRel { position: absolute; top: 1%; left: 1%; height: auto;}

                #conteudo { padding: 20px; }

                .new {
                    background: url(../images/new-ico.gif) no-repeat 1%;
                }

                .ui-widget, .ui-widget .ui-widget {
                    font-size: 98% !important;

                } 

                .ui-menu .ui-menu-item .ui-menu-item-label {
                    padding: .2em 1.7em;
                }

                .ui-growl {
                    top:115px;
                }

                .coluna1 {  
                    text-align: left;
                    font-weight: bold; 
                    vertical-align: top;
                }  

                .coluna2 {  
                    font-weight: normal;  
                }  
            </style>


            <script type="text/javascript" src="#{request.contextPath}/js/padrao.js"></script>
            <script type="text/javascript" src="#{request.contextPath}/js/locale.js"></script>

            <ui:insert name="head"></ui:insert>
        </h:head>

        <h:body>
            <div class="ui-widget">
                <p:layout fullPage="true">
                    <p:layoutUnit id="top" position="top" height="157" header="Usuário: #{sessionScope.usuarioAutenticado.nomUsuario}" resizable="true" closable="false" collapsible="true" collapsed="true">
                        <h:form>
                            <table width="100%">
                                <tr>
                                    <td>
                                <h:outputLink target="_blank" value="http://www.ibirapuera.com.br/" title="Site Shopping Ibirapuera" style="margin-bottom:2px;">
                                    <h:graphicImage value="/images/logo_SA_1.png"/>
                                </h:outputLink>
                                </td>
                                <td align="right">
                                <h:outputLink value="#{request.contextPath}/index.jsp" title="Trocar Usuário // Sair" style="margin-bottom:2px;">
                                    <p:graphicImage value="/images/dock/home.png" />
                                </h:outputLink>
                                </td>
                                </tr>
                            </table>
                        </h:form>
                    </p:layoutUnit>

                    <p:layoutUnit id="left" position="left" width="300" height="1000" header="Menu Principal" resizable="true" closable="false"
                                  collapsible="true" collapsed="true">

                        <p:accordionPanel effect="bounceslide" autoHeight="true" activeIndex="2">

                            <p:tab title="Alterar Tema">
                                <h:form>
                                    <ui:include src="../templates/themeMenu.xhtml" />
                                </h:form>
                            </p:tab>
                            <p:tab title="Cadastros">
                                <h:form>
                                    <ui:include src="../templates/cadastroMenu.xhtml" />
                                </h:form>
                            </p:tab>
                            <p:tab title="Movimentações">
                                <h:form>
                                    <ui:include src="../templates/movimentoMenu.xhtml" />
                                </h:form>
                            </p:tab>
                            <p:tab title="Relatórios">
                                <div id="menuRel">
                                    <h:form>
                                        <ui:include src="../templates/relatorioMenu.xhtml" />
                                    </h:form>
                                </div>
                            </p:tab>
                            <p:tab title="Administrativo">
                                <h:form>
                                    <ui:include src="../templates/administrativoMenu.xhtml" />
                                </h:form>
                            </p:tab>
                        </p:accordionPanel>

                    </p:layoutUnit>

                    <p:layoutUnit id="center" position="center" scrollable="true">
                        <p:growl id="messages" />
                        <!--                    
                                            <p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();" />  
                                            <p:dialog modal="true" widgetVar="statusDialog" header="Status"   
                                                      draggable="false" closable="false">  
                                                <p:graphicImage value="/design/ajaxloadingbar.gif" />  
                                            </p:dialog>
                        -->
                        <p:ajaxStatus style="width:16px;height:16px;">
                            <f:facet name="start">
                                <h:graphicImage value="../design/ajaxloading.gif" />
                            </f:facet>

                            <f:facet name="complete">
                                <h:outputText value="" />
                            </f:facet>
                        </p:ajaxStatus>

                        <ui:insert name="content">...</ui:insert>
                    </p:layoutUnit>

                </p:layout>
            </div>
        </h:body>

    </f:view>
</html>

